<template>
  <!-- 矿压 -->
  <div class="case">
    <div class="case-left-side">
      <div class="fuse-title">基本信息</div>
      <p class="tit">地质信息：</p>
      <p class="tit">水文地质类型：</p>
      <div class="fuse-title">矿压日阻力分析</div>
      <echarts :chartData="echartData.rock" style="max-height: 350px"></echarts>
      <div class="fuse-title">矿压实时监测</div>
      <echarts :chartData="echartData.real" style="max-height: 350px"></echarts>
    </div>
    <div class="case-right-side">
      <div class="fuse-title">矿震趋势分析</div>
      <echarts
        :chartData="echartData.trend"
        style="max-height: 350px"
      ></echarts>
      <div class="fuse-title">地应力趋势分析</div>
      <echarts
        :chartData="echartData.crustal"
        style="max-height: 350px"
      ></echarts>
    </div>
  </div>
</template>

<script>
import Echarts from '@/components/Echarts/index.vue'
export default {
  components: {
    Echarts
  },
  data() {
    return {
      echartData: {
        rock: {
          xData: [],
          series: []
        },
        real: {
          xData: [],
          series: []
        },
        trend: {
          xData: [],
          series: []
        },
        crustal: {
          xData: [],
          series: []
        }
      }
    }
  },
  methods: {
    getListDetail() {
      // this.$http.get('/staff/composite/compositeData').then(res => {
      // res = res.data
      // if (res.code === 200) {
      // 矿压日阻力分析
      this.echartData.rock.xData = ['0时', '6时', '12时', '18时', '24时']
      this.echartData.rock.series.push({
        name: '压力一',
        data: [0, 0, 0, 0, 0],
        type: 'line'
      })
      this.echartData.rock.series.push({
        name: '压力二',
        data: [0, 0, 0, 0, 0],
        type: 'line'
      })
      this.echartData.rock.series.push({
        name: '压力三',
        data: [0, 0, 0, 0, 0],
        type: 'line'
      })
      // 矿压实时监测
      this.echartData.real.xData = ['1架', '2架', '3架', '4架', '5架']
      this.echartData.real.series.push({
        data: [0, 0, 0, 0, 0],
        type: 'line'
      })
      // 矿震趋势分析
      this.echartData.trend.xData = ['0时', '6时', '12时', '18时', '24时']
      this.echartData.trend.series.push({
        data: [0, 0, 0, 0, 0],
        type: 'line'
      })
      // 地应力趋势分析
      this.echartData.crustal.xData = ['0时', '6时', '12时', '18时', '24时']
      this.echartData.crustal.series.push({
        data: [0, 0, 0, 0, 0],
        type: 'line'
      })
      // }
      // })
    }
  },
  created() {},
  mounted() {
    this.getListDetail()
  }
}
</script>

<style lang="scss" scoped>
.tit {
  line-height: 40px;
}
</style>
